<div class="content-header">
    <div *ngFor="let item of detailStepList; let i = index"
         [ngClass]="{'first-step': i==0}" [hidden]='hidde && i > 0'>
        <div  class = "stepFirst" [ngClass]="{'last-setp': i > 0 && i == detailStepList.length - 1 }"
              data-flex="main:center mean:box">
            <step-component data-flex [properties]="getProperties(item?.stepProp)"></step-component>
            <div data-flex-box="1">
                <ion-row *ngIf="!item?.resumption">
                    <ion-col col-8>
                        <div>{{ item?.chargeLevelDes }}
                            <span *ngIf="i != 0 ">{{ item?.chargeTimes }}</span>
                        </div>
                        <span  *ngIf="i == 0 " class="number">{{ item?.chargeTimes }}</span>

                        <button *ngIf="item?.button != 0 && item?.button == 1" (click)="seeNoticeDetail()">查看粘贴信息</button>
                        <button *ngIf="item?.button != 0 && item?.button == 2"(click)="seeStopPowerApplication()">查看停电申请信息</button>
                        <button *ngIf="item?.button != 0 && item?.button == 3" (click)="seePowerFailureDetail()">查看停电信息</button>
                    </ion-col>
                    <ion-col col-4 *ngIf="i == 0">
                        <div>欠费金额</div>
                        <span class="money">￥{{ item?.chargeAmount }}</span>
                    </ion-col>
                </ion-row>
                <div class="resumptionDes" *ngIf="item?.resumption" data-flex="main:box">
                  <div data-flex-box="1" data-flex="mean:box dir:top" class="resumptionDes-level">
                    <div>{{item?.chargeLevelDes}}</div>
                    <div class="lookApply" (click)="goApplyDetail()" *ngIf="item?.name === 'recoverWaitAudit'" data-flex-box="0">复电申请中</div>
                    <div class="lookApply" (click)="goImplementRrecord()" *ngIf="item?.name === 'recoverAuditPassed'" data-flex-box="0">复电实施中</div>
                  </div>
                  <div data-flex-box="1" data-flex="dir:top" class="resumptionDes-time"
                       *ngIf="item?.resumptionTime">
                    <div class="resumptionDes-time-des">{{ item?.resumptionDes }}</div>
                    <div class="resumptionDes-time-des-time">00:00</div>
                  </div>
                </div>
            </div>
        </div>
    </div>

    <div class="open-button" *ngIf="detailStepList.length > 1" (click) = "changerShow()">
        <i *ngIf="!hidde" class="iconfont icon-down-copy"></i>
        <i *ngIf="hidde" class="iconfont icon-down"></i>
    </div>
</div>
